<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/5/19 0019
  Time: 11:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>四川化工学院智能党建学习平台</title>
    <link rel="icon" href="http://archive.wenming.cn/jingtai/dangjian/images/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="http://archive.wenming.cn/jingtai/dangjian/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/master2016.css">
    <link rel="stylesheet" href="./css/djw-index20210302-01.css">
    <script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script>
    <script src="./js/jquery.superslide.tab.2.1.1.js" type="text/javascript"></script>
</head>
<body>
<div class="hr_10 hr_20"></div>
<div class="dj">
    <div class="main-cloum">
        <div class="header">
            <div class="header-left">
                <a href="http://www.dangjian.com/"><img src="./img/dangjian-20161121-01.png"></a>
            </div>
            <div class="header-right">
                <div class="header-top">
                    <div class="header-pic1">

                        <div class="foucua01">
                            <ul class="slides_item01" style="position: relative; width: 560px; height: 85px;">


                                <li style="position: absolute; width: 560px; left: 0px; top: 0px; display: list-item;"><a href="http://www.dangjian.com/shouye/dingduanzhanshiqu/lunbotupian/202005/t20200527_5626197.shtml" ><img src="./img/W020200527550846963179.png" alt="banner1-1.png" title="" width="560" height="85"></a></li>

                                <li style="position: absolute; width: 560px; left: 0px; top: 0px; display: none;"><a href="http://dangjian.com/jrrd/xwmt/201505/t20150505_2595699.shtml" ><img src="./img/W020200527550845598058.png" alt="banner1-4.png" title="" width="560" height="85"></a></li>

                                <li style="position: absolute; width: 560px; left: 0px; top: 0px; display: none;"><a href="http://www.dangjian.com/shouye/dingduanzhanshiqu/lunbotupian/202005/t20200527_5626195.shtml" ><img src="./img/W020200527550826483183.png" alt="banner1-5.png" title="" width="560" height="85"></a></li>




                            </ul>
                            <div class="num" style="display:none"><li class="on">1</li><li class="">2</li><li class="">3</li></div>
                        </div>

                    </div>
                    <div class="header-pic2">


                        <li><a href="http://jhsjk.people.cn/" ><img src="./img/W020200527551200534680.jpg" alt="1.jpg" title="" width="265" height="85"></a></li>




                    </div>
                    <div class="clear"></div>
                </div>
                <div class="hr_1"></div>
                    <div class="date right">
                        <div class="date" id="localtime"><font color="#777"></font></div>

                        <script type="text/javascript">
                            function showLocale(objD) {
                                var str, colorhead, colorfoot;
                                var yy = objD.getYear();
                                if(yy < 1900) yy = yy + 1900;
                                var MM = objD.getMonth() + 1;
                                if(MM < 10) MM = '0' + MM;
                                var dd = objD.getDate();
                                if(dd < 10) dd = '0' + dd;
                                var hh = objD.getHours();
                                if(hh < 10) hh = '0' + hh;
                                var mm = objD.getMinutes();
                                if(mm < 10) mm = '0' + mm;
                                var ss = objD.getSeconds();
                                if(ss < 10) ss = '0' + ss;
                                var ww = objD.getDay();
                                if(ww == 0) colorhead = "<font color=\"#777\">";
                                if(ww > 0 && ww < 6) colorhead = "<font color=\"#777\">";
                                if(ww == 6) colorhead = "<font color=\"#777\">";
                                if(ww == 0) ww = "星期日";
                                if(ww == 1) ww = "星期一";
                                if(ww == 2) ww = "星期二";
                                if(ww == 3) ww = "星期三";
                                if(ww == 4) ww = "星期四";
                                if(ww == 5) ww = "星期五";
                                if(ww == 6) ww = "星期六";
                                colorfoot = "</font>"
                                str = colorhead + yy + "-" + MM + "-" + dd + " " + "  " + ww + colorfoot;
                                return(str);
                            }

                            function tick() {
                                var today;
                                today = new Date();
                                document.getElementById("localtime").innerHTML = showLocale(today);
                                window.setTimeout("tick()", 1000);
                            }
                            tick();
                        </script>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="hr_10"></div>
<div class="main-cloum">
    <div class="nav">
        <ol>
<%--            使用jstl 循环输出--%>
            <c:forEach items="${alltopic}" var="topic">
                <li><a href="/getNewsList?topicID=${topic.id}" >  ${topic.typename}</a></li>
            </c:forEach>
            <div class="clear"></div>
        </ol>
    </div>
</div>

<div class="hr_30"></div>
<div class="main-cloum">
    <div class="cloum320 left">
        <div class="xsd-tex">
            <a style="color: #fff;" href="/getNewsList?topicID=102">学习贯彻习近平新时代中国特色社会主义思想</a>
        </div>
    </div>
    <div class="cloum660 right">
        <div class="tj-box">
            <div class="tj-tit left">推荐:</div>
            <div class="txtScroll-top">
                <ul>
<%--                    <li><a href="#" style="font-size: 16px">随机取10个党建信息</a></li>--%>
                    <c:forEach items="${topic}" var="i">
                        <a href="/getNewsList?topicID=${i.id}" style="font-size: 16px">${i.typename}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </c:forEach>
                </ul>
            </div>





        </div>
    </div>
</div>
<div class="hr_10 hr_30"></div>
<div class="main-cloum">
    <div class="toutiao">
        <div class="toutiao-pic">
            <a href="http://www.dangjian.com/shouye/toutiao/" >
                <div class="toutiao-pic-img"></div>
            </a></div>


        <h4><a href="http://www.dangjian.com/shouye/toutiao/202105/t20210519_6052325.shtml" >潮涌珠江，听总书记与大湾区的故事</a></h4>


        <div class="clear"></div>
    </div>

</div>
<div class="hr_10 hr_30"></div>
<div class="main-cloum">
    <div class="cloum01 left">
        <div class="pannel-title">
            <div class="pannel-L">党建要闻</div>
            <span class="more"><a href="/getNewsList?topicID=1" >更多</a></span>
        </div>
        <div class="hr_10"></div>
        <ul class="list">

             <c:forEach items="${informationList}" var="infor">
                 <li><a href="/readerNews?inforId=${infor.id}" >${infor.title}</a></li>

             </c:forEach>

        </ul>



    </div>
    <div class="cloum02 right">
        <div class="pannel-title">
            <div class="pannel-L">视频新闻</div>
            <span class="more"><a href="/getNewsList?topicID=2" >更多</a></span>
        </div>
        <div class="hr_10"></div>

        <div class="spxw-box">
<%--            <ul class="bigImg" style="position: relative; width: 560px; height: 350px;">--%>
<%--                <li style="position: absolute; width: 560px; left: 0px; top: 0px; display: none;">--%>

                        <div class="sPimg"><a href="/readerNews?inforId=${informationList2.id}"><img src="./img/W020210514311180365837.jpg" alt="1127442847_1620911801755_title0h.jpg" ></a></div>
                        <div class="spTit"><a href="/readerNews?inforId=${informationList2.id}" >${informationList2.title}</a></div>
<%--                </li>--%>
<%--            </ul>--%>
    </div>
</div>
<div class="hr_10 hr_30"></div>
<div class="main-cloum">
    <div class="pic-list">
        <dl>

            <dd><div class="img"><a href="#" ><img src="./img/W020210402656219209462.jpg" alt="党史学习教育.jpg" title=""></a></div></dd>

            <dd><div class="img"><a href="#"><img src="./img/W020210224526173819213.jpg" alt="小图百年华诞.jpg" title=""></a></div></dd>

            <dd><div class="img"><a href="#" ><img src="./img/W020210402611669676606.jpg" alt="革命精神谱系.jpg" title=""></a></div></dd>

            <dd class="no-pac"><div class="img"><a href="#" ><img src="./img/W020210406572964390410.jpg" alt="小图图.jpg" title=""></a></div></dd>

        </dl>
    </div>
</div>
<div class="hr_10 hr_30"></div>
<div class="main-cloum">
    <div class="box-C">
        <div class="pannel-title01">
            <div class="pannel-L01">思想理论</div>
        </div>
        <div class="hr_10 hr_20"></div>
        <div class="pannel-inner">
            <div class="cloum03 left">
                <div class="pannel-title">
                    <div class="pannel-L">学习园地</div>
                    <span class="more"><a href="/getNewsList?topicID=3" >更多</a></span>
                </div>
                <div class="hr_10 "></div>
                <ul class="list">

                    <c:forEach items="${informationList3}" var="i">
                        <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                    </c:forEach>

                </ul>
            </div>
            <div class="cloum03 mid">
                <div class="pannel-title">

                    <ol class="tab-hd">
                        <li class="active"><a href="/getNewsList?topicID=4" >理论强党</a></li>
                        <li><a href="#" >数字出版精品</a></li>
                    </ol>

                    <span class="more"><a href="/getNewsList?topicID=4" >更多</a></span>
                </div>
                <div class="hr_10"></div>
                <div class="tab-bd">
                    <li style="display: list-item;">
                        <ul class="list">

                            <c:forEach items="${informationList4}" var="i">
                                <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                            </c:forEach>
                        </ul>


                    </li>
                    <li>
                        <ul class="list">

                            <c:forEach items="${informationList4}" var="i">
                                <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                            </c:forEach>
                        </ul>
                    </li>

                </div>




            </div>
            <div class="cloum03 right">
                <div class="pannel-title">
                    <div class="pannel-L">党建评论</div>
                    <span class="more"><a href="/getNewsList?topicID=5" >更多</a></span>
                </div>
                <div class="hr_10"></div>
                <ul class="list">


                    <c:forEach items="${informationList5}" var="i">
                        <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                    </c:forEach>
                </ul>

            </div>
        </div>
        <div class="hr_20"></div>
    </div>
</div>
<div class="hr_10 hr_30"></div>
<div class="main-cloum">
    <div class="pic-list">
        <dl>

            <dd><div class="img"><a href="#" ><img src="./img/W020210402615595583996.jpg" alt="未标题-1.jpg" title=""></a></div></dd>

            <dd><div class="img"><a href="#" ><img src="./img/W020210406570466873368.jpg" alt="图.jpg" title=""></a></div></dd>

            <dd><div class="img"><a href="#" ><img src="./img/W020210402617866893056.jpg" alt="初心小图.jpg" title=""></a></div></dd>

            <dd class="no-pac"><div class="img"><a href="#" ><img src="./img/W020210402621788050057.jpg" alt="1233.jpg" title=""></a></div></dd>

        </dl>
    </div>
</div>
<div class="hr_10 hr_30"></div>
<div class="main-cloum">
    <div class="box-C">
        <div class="pannel-title01">
            <div class="pannel-L01">党建工作</div>
        </div>
        <div class="hr_10 hr_20"></div>
        <div class="pannel-inner">
            <div class="cloum03 left">
                <div class="pannel-title">
                    <div class="pannel-L">基层党建</div>
                    <span class="more"><a href="/getNewsList?topicID=6" >更多</a></span>
                </div>
                <div class="hr_10 "></div>
                <ul class="list">

                    <c:forEach items="${informationList6}" var="i">
                        <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                    </c:forEach>
                </ul>
            </div>
            <div class="cloum03 mid">
                <div class="pannel-title">
                    <div class="pannel-L">机关党建</div>
                    <span class="more"><a href="/getNewsList?topicID=7" >更多</a></span>
                </div>
                <div class="hr_10"></div>
                <ul class="list">
                    <c:forEach items="${informationList7}" var="i">
                        <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                    </c:forEach>
                </ul>

            </div>
            <div class="cloum03 right">
                <div class="pannel-title">

                    <ol class="tab-hd">
                        <li class="active"><a href="/getNewsList?topicID=8" >校园党建</a></li>
                        <li><a href="/getNewsList?topicID=9" >时代马院</a></li>
                    </ol>

                    <span class="more"><a href="/getNewsList?topicID=8" >更多</a></span>
                </div>
                <div class="hr_10"></div>
                <div class="tab-bd">
                    <li style="display: list-item;">
                        <ul class="list">

                            <c:forEach items="${informationList8}" var="i">
                                <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                            </c:forEach>

                        </ul>


                    </li>
                    <li>
                        <ul class="list">

                            <c:forEach items="${informationList9}" var="i">
                                <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                            </c:forEach>
                        </ul>
                    </li>

                </div>


            </div>
            <div class="hr_10 hr_20"></div>
            <div class="cloum03 left">
                <div class="pannel-title">
                    <div class="pannel-L">企业党建</div>
                    <span class="more"><a href="/getNewsList?topicID=10" >更多</a></span>
                </div>
                <div class="hr_10 "></div>
                <ul class="list">

                    <c:forEach items="${informationList10}" var="i">
                        <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                    </c:forEach>
                </ul>
            </div>
            <div class="cloum03 mid">
                <div class="pannel-title">
                    <div class="pannel-L">新时代文明实践中心</div>
                    <span class="more"><a href="/getNewsList?topicID=11" >更多</a></span>
                </div>
                <div class="hr_10"></div>
                <ul class="list">
                    <c:forEach items="${informationList11}" var="i">
                        <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                    </c:forEach>
                </ul>

            </div>
            <div class="cloum03 right">
                <div class="pannel-title">
                    <div class="pannel-L">县级融媒体中心</div>
                    <span class="more"><a href="/getNewsList?topicID=12" >更多</a></span>
                </div>
                <div class="hr_10"></div>
                <ul class="list">

                    <c:forEach items="${informationList12}" var="i">
                        <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                    </c:forEach>
                </ul>

            </div>




        </div>
        <div class="hr_20"></div>
    </div>
</div>
<div class="hr_10 hr_30"></div>
<div class="main-cloum">
    <div class="pic-list">
        <dl>

            <dd><div class="img"><a href="#" ><img src="./img/W020210402617915025973.jpg" alt="QQ截图20200618093128.jpg" title=""></a></div></dd>

            <dd><div class="img"><a href="#"><img src="./img/W020210402622379978067.jpg" alt="QQ截图20200618092931.jpg" title=""></a></div></dd>

            <dd><div class="img"><a href="#" ><img src="./img/W020210402618191829891.jpg" alt="QQ截图20200618093012.jpg" title=""></a></div></dd>

            <dd class="no-pac"><div class="img"><a href="#" ><img src="./img/W020210402618375635085.jpg" alt="QQ截图20200618093012.jpg" title=""></a></div></dd>

        </dl>
    </div>
</div>
<div class="hr_10 hr_30"></div>

<div class="main-cloum">
    <div class="box-C">
        <div class="pannel-title01">
            <div class="pannel-L01">党建文化</div>
        </div>
        <div class="hr_10 hr_20"></div>
        <div class="pannel-inner">
            <div class="cloum03 left">
                <div class="pannel-title">
                    <ol class="tab-hd">
                        <li class="active"><a href="/getNewsList?topicID=13" >党史故事</a></li>
                    </ol>

                    <span class="more"><a href="/getNewsList?topicID=13" >更多</a></span>
                </div>
                <div class="hr_10 "></div>
                <div class="tab-bd">
                    <li style="display: list-item;">
                        <ul class="list">


                            <c:forEach items="${informationList13}" var="i">
                                <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                            </c:forEach>
                        </ul>
                    </li>

                </div>
            </div>
            <div class="cloum03 mid">
                <div class="pannel-title">
                    <div class="pannel-L">红色经典</div>
                    <span class="more"><a href="/getNewsList?topicID=14" >更多</a></span>
                </div>




                <div class="hr_10"></div>

                <ul class="list">

                    <c:forEach items="${informationList14}" var="i">
                        <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                    </c:forEach>
                </ul>
            </div>
            <div class="cloum03 right">
                <div class="pannel-title">
                    <div class="pannel-L">文化大观</div>
                    <span class="more"><a href="/getNewsList?topicID=15" >更多</a></span>
                </div>
                <div class="hr_10"></div>
                <ul class="list">

                    <c:forEach items="${informationList15}" var="i">
                        <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                    </c:forEach>
                </ul>
            </div>


        </div>
        <div class="hr_20"></div>
    </div>
</div>
<div class="hr_10 hr_30"></div>
<div class="main-cloum">
    <div class="pic-list">
        <dl>

            <dd><div class="img"><a href="#" ><img src="./img/W020200618359717757253.jpg" alt="QQ截图20200618100021.jpg" title=""></a></div></dd>

            <dd><div class="img"><a href="#" ><img src="./img/W020200618358001925372.jpg" alt="QQ截图.jpg" title=""></a></div></dd>

            <dd><div class="img"><a href="#/" ><img src="./img/W020210402618692072215.jpg" alt="未标题-1.jpg" title=""></a></div></dd>

            <dd class="no-pac"><div class="img"><a href="#" ><img src="./img/W020210412320046794418.jpg" alt="微信图片_20210412085427.jpg" title=""></a></div></dd>

        </dl>
    </div>
</div>

<div class="hr_10 hr_30"></div>
<div class="main-cloum">
    <div class="box-C">
        <div class="pannel-title01">
            <div class="pannel-L01">时代先锋</div>
        </div>
        <div class="hr_10 hr_20"></div>
        <div class="pannel-inner">
            <div class="cloum03 left">
                <div class="pannel-title">
                    <div class="pannel-L">先锋模范</div>
                    <span class="more"><a href="/getNewsList?topicID=16" >更多</a></span>
                </div>
                <div class="hr_10"></div>
                <ul class="list">

                    <c:forEach items="${informationList16}" var="i">
                        <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                    </c:forEach>
                </ul>



            </div>
            <div class="cloum03 mid">
                <div class="pannel-title">
                    <ol class="tab-hd">
                        <li class="active"><a href="/getNewsList?topicID=16" >时代楷模</a></li>
                    </ol>

                    <span class="more"><a href="/getNewsList?topicID=16" >更多</a></span>
                </div>

                <div class="hr_10"></div>
                <div class="tab-bd">
                    <li style="display: list-item;">
                        <ul class="list">
                            <c:forEach items="${informationList16}" var="i">
                                <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                            </c:forEach>
                        </ul>
                    </li>


                </div>






            </div>
            <div class="cloum03 right">
                <div class="pannel-title">
                    <div class="pannel-L">最美人物</div>
                    <span class="more"><a href="/getNewsList?topicID=17" >更多</a></span>
                </div>
                <div class="hr_10"></div>
                <ul class="list">
                    <c:forEach items="${informationList17}" var="i">
                        <li><a href="/readerNews?inforId=${i.id}" >${i.title}</a></li>
                    </c:forEach>
                </ul>
            </div>
        </div>
        <div class="hr_10"></div>
    </div>
</div>
<div class="hr_10 hr_30"></div>
<div class="main-cloum">
    <div class="pannel-title">
        <div class="pannel-L">合作伙伴</div>
        <span class="more"><a href="#" >更多</a></span>
    </div>
    <div class="hr_10"></div>
    <div class="hzhb-bottom">
        <ul>

            <div class="clear"></div>
        </ul>
    </div>

</div>
<div class="hr_10 hr_20"></div>
<div class="main-cloum">
    <div class="pannel-title">
        <div class="pannel-L">友情链接</div>
        <span class="more"><a href="#" >更多</a></span>
    </div>
    <div class="hr_10"></div>
    <ul class="yqlj-list">

        <li><a href="http://www.people.com.cn/" >人民网</a></li>



        <div class="clear"></div>
    </ul>
</div>

<div class="hr_10 hr_30"></div>
<div class="footer">
    <div class="main-cloum">
        <div class="gywm">关于我们</div>


        <div class="lh30"></div>
        <div class="gywm2">
            <script language="javascript" type="text/javascript" src="./img/footer20150321.js"></script><div id="footer">
            <div class="footerbox">
                党建网版权所有 转载请注明来源<br>
            </div>
        </div>

        </div>

    </div>
</div>



<div style="display:none;">
    <img src="./img/djw-index202001.png">
    <img src="./img/djw-index20202.png">
    <img src="./img/dangjian202103020-01.jpg">
</div>
</body>
</html>
